.image-viewable, .image-editable {
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: relative;
  background-color: white;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center; }

.image-editable div {
  margin-top: -5px;
  height: 10px;
  position: absolute;
  top: 50%;
  left: 0px;
  width: 100%;
  display: none;
  font-weight: bold; }
.image-editable .image-submit {
  border: 1px solid #076fe4;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 0 0 #8ebcf1;
  box-shadow: inset 0 1px 0 0 #8ebcf1;
  color: white;
  display: inline-block;
  font-size: 11px;
  font-weight: bold;
  background-color: #4294f0;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4294f0), color-stop(100%, #0776f3));
  background-image: -webkit-linear-gradient(top, #4294f0, #0776f3);
  background-image: -moz-linear-gradient(top, #4294f0, #0776f3);
  background-image: -ms-linear-gradient(top, #4294f0, #0776f3);
  background-image: -o-linear-gradient(top, #4294f0, #0776f3);
  background-image: linear-gradient(top, #4294f0, #0776f3);
  padding: 7px 18px;
  text-decoration: none;
  text-shadow: 0 1px 0 #0065d6;
  -webkit-background-clip: padding-box;
  position: absolute;
  width: 100%;
  left: 0px;
  bottom: 0px;
  display: none; }
  .image-editable .image-submit:hover:not(:disabled) {
    -webkit-box-shadow: inset 0 1px 0 0 #60a2ec;
    box-shadow: inset 0 1px 0 0 #60a2ec;
    cursor: pointer;
    background-color: #2f87ea;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2f87ea), color-stop(100%, #086fe3));
    background-image: -webkit-linear-gradient(top, #2f87ea, #086fe3);
    background-image: -moz-linear-gradient(top, #2f87ea, #086fe3);
    background-image: -ms-linear-gradient(top, #2f87ea, #086fe3);
    background-image: -o-linear-gradient(top, #2f87ea, #086fe3);
    background-image: linear-gradient(top, #2f87ea, #086fe3); }
  .image-editable .image-submit:active:not(:disabled) {
    border: 1px solid #076fe4;
    -webkit-box-shadow: inset 0 0 8px 4px #0868d3, inset 0 0 8px 4px #0868d3, 0 1px 1px 0 #eeeeee;
    box-shadow: inset 0 0 8px 4px #0868d3, inset 0 0 8px 4px #0868d3, 0 1px 1px 0 #eeeeee; }
  .image-editable .image-submit:disabled {
    opacity: 0.5;
    cursor: not-allowed; }

.image-editable:not(.highlight) {
  outline: 1px solid black; }

.image-editable.highlight {
  outline: 7px solid orange; }

.image-editable:hover div {
  display: block; }

.rich-text {
  position: relative; }
  .rich-text .toolbar {
    height: 20px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .rich-text .container {
    position: absolute;
    left: 0px;
    width: 100%;
    top: 20px;
    bottom: 0px;
    margin: 0;
    padding: 0; }
  .rich-text iframe {
    border: none;
    width: 100%;
    height: 100%; }

#thumbnail {
  float: left;
  width: 256px;
  height: 256px; }

#clearer {
  clear: both; }

form {
  float: right;
  width: 400px; }
  form .field {
    position: relative;
    height: 25px; }
    form .field label {
      position: absolute;
      top: 3px;
      left: 0px;
      font-weight: bold; }
    form .field input {
      position: absolute;
      top: 0px;
      right: 0px;
      left: 50px; }
  form label[for=description] {
    display: block;
    font-weight: bold; }
  form .expiration {
    text-align: center;
    font-style: italic; }
  form textarea {
    display: none; }
  form .rich-text {
    width: 100%;
    height: 200px; }
  form .actions a {
    padding-top: 2px; }
  form .actions input {
    float: right; }

#errors {
  color: red; }
